<div id="visadebit" >
    <div class="header_register">
        Bạn <b>chỉ mất 15 s</b> để cung cấp thông tin sau cho chúng tôi 
        <img src="images/img_supporter.png" alt="" class="icon_supporter">
        
        
    
        
    </div>
    
    <form action="complete.php" method="post">
    <input type="hidden" name="loaithe" value="2">
    <div class="group_info">
        <div class="row_info_register">
            <label>Họ và tên <span style="color: red;">*</span></label>
            <input type="text" name="hoten" value="" id="hoten">
<!--            <span class="icon_avaiable"></span>-->
        </div>
        
        <div class="row_info_register">
            <label>Số CMND / Hộ chiếu <span style="color: red;">*</span></label>
            <input type="text" name="cmnd" value="" id="cmnd" onkeypress="return numbersonly(this, event)">
<!--            <span class="icon_avaiable"></span>-->
        </div>
        
        <img src="images/comment_1.png" alt="" class="img_explain">
    </div>
    
    <div class="group_info">
        <div class="title_group_info"><span>THÔNG TIN LIÊN LẠC CỦA BẠN</span></div>
        
        <div class="row_info_register">
            <label>Email <span style="color: red;">*</span></label>
            <input type="text" name="email" value="" id="email">
            
            
            
        </div>
        
        <div class="row_info_register">
            <label>Số điện thoại <span style="color: red;">*</span></label>
            <input type="text" name="sdt" value="" id="sdt" onkeypress="return numbersonly(this, event)">
        </div>
        
        <div class="row_info_register">
            <label>Địa chỉ liên lạc <span style="color: red;">*</span></label>
            <input type="text" name="diachi" value="" id="diachi">
        </div>
        <div class="row_info_register">
            <span class="label_info">Hiện bạn đang sống ở khu vực nào</span>
            <ul>
                <li><input id="khuvuc1" name="khuvuc" value="hn" type="radio" checked="checked"><label for="khuvuc1" >Hà Nội</label></li>
                <li><input id="khuvuc2" name="khuvuc" value="dn"  type="radio"><label for="khuvuc2" >Đà Nẵng</label></li>
                <li><input id="khuvuc3" name="khuvuc" value="hcm"  type="radio"><label for="khuvuc3" >TP Hồ Chí Minh</label></li>
                <li><input id="khuvuc4" name="khuvuc" value="khac"  type="radio"><label for="khuvuc4" >Khu vực khác</label></li>
            </ul>
        </div>
        <img src="images/comment_2.png" alt="" class="img_explain img_comment_2">
    </div>
    
<!--    <div class="group_info">
            <div class="title_group_info"><span>BẠN CÓ MUỐN MỞ THÊM CÁC LOẠI THẺ SAU</span></div>
               
               
                    <table align="center">
                        <tr>
                            <td><input style="width:auto" name="mothemtheibank" value=" , Tài khoản F@ST I-BANK" type="checkbox" ></td>
                            <td style="font-size:12px;padding-right:100px" >Tài khoản F@ST I-BANK</td>
                            <td><input style="width:auto" name="mothemthecredit" value=" , Thẻ Visa Credit" type="checkbox" ></td>
                            <td style="font-size:12px">Thẻ Visa Credit</td>
                        </tr>
                       
                    </table>
               
        </div>  -->
    
    <div class="group_info">
        <div class="title_group_info"><span>THÔNG TIN TÀI CHÍNH VÀ NGHỀ NGHIỆP CỦA BẠN</span></div>
        
        <div class="row_info_register">
            <span class="label_info">Mức thu nhập trung bình hàng tháng của bạn?</span>
            <ul>
                <li><input id="income_1" name="thunhap" value="Dưới 5 triệu" type="radio" checked><label for="income_1" >Dưới 5 triệu</label></li>
                <li><input id="income_2" name="thunhap" value="5 - 10 triệu"  type="radio"><label for="income_2" >5 - 10 triệu</label></li>
                <li><input id="income_3" name="thunhap" value="10 - 20 triệu"  type="radio"><label for="income_3" >10 - 20 triệu</label></li>
                <li><input id="income_4" name="thunhap" value="Trên 20 triệu"  type="radio"><label for="income_4" >Trên 20 triệu</label></li>
            </ul>
        </div>
        
        <div class="row_info_register">
            <span class="label_info">Nghề nghiệp của bạn</span>
            <ul>
                <li><input id="job_1" name="nghenghiep" value="Công chức" type="radio" checked><label for="job_1" >Công chức</label></li>
                <li><input id="job_2" name="nghenghiep" value="Nhân viên văn phòng" type="radio"><label for="job_2" >Nhân viên văn phòng</label></li>
                <li><input id="job_3" name="nghenghiep" value="Kinh doanh" type="radio"><label for="job_3" >Kinh doanh</label></li>
                <li><input id="job_4" name="nghenghiep" value="Khác ( Nghỉ hưu/ Sinh viên/ Nội trợ...)" type="radio"><label for="job_4" >Khác ( Nghỉ hưu/ Sinh viên/ Nội trợ...)</label></li>
            </ul>
        </div>
        

        

        
        <img src="images/comment_3.png" alt="" class="img_explain img_comment_3">
    </div>
    <span class="note_error"></span>
    <button class="submit_register" type="submit"></button>
    </form>
    
    
</div>

<script type="text/javascript">
    $("#facebox #visadebit form").submit(function(){
        var hoten=$("#facebox #hoten").val();
        var cmnd=$("#facebox #cmnd").val();
        var email=$("#facebox #email").val();
        var sdt=$("#facebox #sdt").val();
        var diachi=$("#facebox #diachi").val();
        
        var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        
        if(hoten=='' || cmnd=='' || email=='' || sdt=='' || diachi==''){
            $("#facebox #visadebit .note_error").show();
            $("#facebox #visadebit .note_error").html('Bạn cần điền đầy đủ thông tin vào các trường bắt buộc');
            return false;
        }
        
        
        else if (!filter.test(email)) {
            $("#facebox #visadebit .note_error").show();
            $("#facebox #visadebit .note_error").html('Địa chỉ email không hợp lệ, vui lòng nhập lại');
             return false; 
        }
        else return true;
    })
</script>